<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
            xmlns:h="http://java.sun.com/jsf/html"
            xmlns:f="http://java.sun.com/jsf/core"
            xmlns:ui="http://java.sun.com/jsf/facelets"
            xmlns:p="http://primefaces.org/ui"
            xmlns:c="http://java.sun.com/jsp/jstl/core">
    <body>
        <ui:composition template="/WEB-INF/templates/template.xhtml">     
        
        <ui:define name="toolbar">            
            <h:form id="formToolbarModeloCalzado" >
                <p:panel  id="materiaPrimaToolbarPanel" visible="true" closeSpeed="300" closable="true" closeTitle="Cerrar" header="Gestión de Modelos: nombre del componente ingreso consulta"  style="font-size: 12px; border-width: 0px">

                    <p:toolbar  id="toolOpcionesModeloCalzado" >
                        <p:toolbarGroup align="left" >
                            <p:commandButton id="botonNuevaModeloCalzado" update=":formDialogoIngresarModeloCalzado" oncomplete="dialogoIngresarModeloCalzado.show()" actionListener="#{modelocalzadoWeb.clickBotonNuevaModeloCalzado()}" type="push" title="Crear Modelo de Calzado" icon="ui-icon-document" />
                            <p:separator />                            
                            <p:commandButton id="botonActualizarModeloCalzado" type="push" title="Actualizar Datos de Modelo" icon="ui-icon-arrowrefresh-1-w" actionListener="#{modelocalzadoWeb.clicBotonModificarModeloCalzado()}" oncomplete="dialogoModificarModeloCalzado.show()" />                
                            <p:commandButton id="botonEliminarModeloCalzado" type="push" title="Eliminar Modelo de Calzado"  update=":formDialogoEliminarModeloCalzado"  oncomplete="dialogoEliminarModeloCalzado.show()" actionListener="#{modelocalzadoWeb.clicBotonEliminarModeloCalzadoToolbar()}"    icon="ui-icon-trash" />                  
                            <p:separator  />
                            <p:commandButton  ajax="false" type="push" title="Imprimir" icon="ui-icon-print" />
                        </p:toolbarGroup>
                    </p:toolbar>
                </p:panel>
            </h:form>  
        </ui:define>
        <ui:define name="body">
            <style >
            .ui-datepicker{ font-size: 9pt;} .ui-button{font-size: 12pt;}
            .ui-tabs{font-size: 12px;} .ui-tabs-panel{font-size: 12px;} .ui-tabs-panel{font-size: 12px;} 
            .ui-toolbar-group-left{font-size: 12px} 
            .ui-datatable .ui-datatable-header {text-align: left;}   
            
            .ui-picklist .ui-picklist-list {
                    list-style-type: none;
                    margin: 0;
                    padding: 0;
                    overflow:auto;
                    height:100px;
                    width:100px;
                }
                .ui-picklist .ui-picklist-list li {
                    margin: 1px;
                    padding: 2px;
                }

                .ui-picklist .ui-button {
                    display:block;
                    margin-bottom:0.3em;
                    width: 26px;
                    height: 26px;
                }

                .ui-picklist .ui-picklist-item {
                    cursor:pointer;
                    border:0px none;
                    font-weight: inherit;
                }

                .ui-picklist .ui-picklist-caption {
                    text-align: center;
                    padding:4px 10px 4px 10px;
                    border-bottom:0px none;
                }

                .ui-picklist table {
                    width:100%;
                    border-collapse:collapse;
                }
                .ui-picklist > tbody{
                    /*IE7 hack*/
                    *position: relative;
                }      
                .fileupload-content {border-width: 0px;}
        </style>
        
            <p:panel id="panelConsultarModeloCalzado"  style="font-size: 12px; border-width: 0px">   
                <h:form id="formBuscarModeloCalzado" style="width: 250px;  ">
                    <p:growl id="messagesModeloCalzado"/>
                    <p:fieldset toggleable="false" legend="Buscar Modelo de Calzado" style="font-size: 12px; width: 250px;left: 13px;top: 0px;position: absolute" >  
                        <h:panelGrid columns="1" cellpadding="2"  style="font-size: 12px;margin-right: 8px;text-align: right; vertical-align: middle" >             
                            <p:inputText id="textBuscarModeloCalzado" style="font-size: 12px" size="30"/>
                            <h:outputText value="por"  style="font-size: 12px" />
                            <h:selectOneMenu id="comboBuscarModeloCalzado"  style="font-size: 12px;height: 25px;alignment-baseline: middle; ">
                                <f:selectItem itemLabel="Todos..." itemValue="todo"  />
                                <f:selectItem itemLabel="Codigo (Sistema)" itemValue="codestructuramateria" />
                                <f:selectItem itemLabel="Codigo Modelo Calzado" itemValue="codigocalzado" />   
                                <f:selectItem itemLabel="Nombre ModeloCalzado" itemValue="nombremodelo" />                                   
                                <f:selectItem itemLabel="Talla Estándar" itemValue="tallaestandar" />               
                                <f:selectItem itemLabel="Estado:(Activo/Inactivo)" itemValue="estado" />                                                             
                            </h:selectOneMenu>
                            <h:outputText value="coincidencia de búsqueda"  style="font-size: 12px" />
                            <h:selectOneMenu  id="comboCoincidenciaBusquedaModeloCalzado"  style="font-size: 12px;height: 25px;alignment-baseline: middle; ">
                                <f:selectItem itemLabel="Todas las Coincidencias" itemValue="todas"  />
                                <f:selectItem itemLabel="Coincidencia Exacta" itemValue="exacta" />
                                <f:selectItem itemLabel="Coincidencia Inicial" itemValue="inicial" />
                                <f:selectItem itemLabel="Coincidencia Final" itemValue="final" />                               
                            </h:selectOneMenu>
                            <p:commandButton ajax="true" id="botonBuscarModeloCalzado"  value="Consultar" icon="ui-icon-search" type="push" actionListener="#{modelocalzadoWeb.clicBotonBuscarModelocalzado('formBuscarModeloCalzado')}"  style="font-size: 12px; width: 100px; "  />                           
                        </h:panelGrid>  
                    </p:fieldset> 
                </h:form> 
                <p:tabView id="tabviewModeloCalzado" orientation="top" style="left:300px; top: 14px;position: absolute; width: 75%" >                    
                    <p:tab id="tabModeloCalzado" title="Modelos de Calzado (#{modelocalzadoWeb.tablaDatosModelocalzado.size()} coincidencias)"  titleStyle="font-size: 12px;" >
                            <h:panelGrid columns="1" cellpadding="1" >
                                <h:form id="formTablaConsultarModeloCalzado" >
                                    <p:dataTable  id="tablaConsultarModeloCalzado" var="consultarModeloCalzado" value="#{modelocalzadoWeb.tablaDatosModelocalzado}"  widgetVar="tablaConsultarAgregado" 
                                                emptyMessage="Búsqueda finalizada, no existe Modelo de Calzado con los criterios de búsqueda ingresados" resizableColumns="false" paginator="true" rows="10"  
                                                rowsPerPageTemplate="5,10,20,100" selectionMode="single" selection="#{modelocalzadoWeb.modelocalzadoSeleccionado}" rowKey="#{consultarModeloCalzado.codestructuramateria}" >                                                                                      
                                        <p:ajax  event="rowSelect" listener="#{modelocalzadoWeb.eventoFilaSeleccionadaTablaConsultarModelocalzado()}"  process="@this" update=":formDialogoEliminarModeloCalzado"  /> 
                                        <p:column id="columnaCodEstructuraMateria"  headerText="Codigo (Sistema)"  style="width:115px" filterBy="#{consultarModeloCalzado.codestructuramateria}" sortBy="#{consultarModeloCalzado.codestructuramateria}" filterMatchMode="contains"  >
                                            <h:outputText value="#{consultarModeloCalzado.codestructuramateria}"  />
                                        </p:column>
                                        <p:column id="columnaCodigoCalzado" headerText="Codigo Calzado"  style="width:165px"  filterBy="#{consultarModeloCalzado.codigocalzado}" sortBy="#{consultarModeloCalzado.codigocalzado}" filterMatchMode="contains" >
                                            <h:outputText value="#{consultarModeloCalzado.codigocalzado}"   />
                                        </p:column>
                                        <p:column id="columnaNombreModelo" headerText="Nombre Modelo"  style="width:204px" filterBy="#{consultarModeloCalzado.nombremodelo}" sortBy="#{consultarModeloCalzado.nombremodelo}" filterMatchMode="contains" >
                                            <h:outputText value="#{consultarModeloCalzado.nombremodelo}"  />
                                        </p:column>
                                        <p:column id="columnaNombreLineaProduccion" headerText="Linea de Producción"  style="width:164px" filterBy="#{consultarModeloCalzado.lineaproduccionFk.nombrelineaproduccion}" sortBy="#{consultarModeloCalzado.lineaproduccionFk.nombrelineaproduccion}" filterMatchMode="contains" >
                                            <h:outputText value="#{consultarModeloCalzado.lineaproduccionFk.nombrelineaproduccion}"  />
                                        </p:column>
                                        <p:column id="columnaNombreHorma" headerText="Horma"  style="width:144px" filterBy="#{consultarModeloCalzado.hormaFk.nombrehorma}" sortBy="#{consultarModeloCalzado.hormaFk.nombrehorma}" filterMatchMode="contains" >
                                            <h:outputText value="#{consultarModeloCalzado.hormaFk.nombrehorma}"  />
                                        </p:column>
                                        <p:column id="columnaEstadoModeloCalzado" headerText="Estado"  style="width:110px" filterOptions="#{modelocalzadoWeb.estadoOpciones}" filterBy="#{consultarModeloCalzado.estado}" sortBy="#{consultarModeloCalzado.estado}" filterMatchMode="exact" >
                                            <h:outputText value="#{consultarModeloCalzado.estado==true ? 'Activo' :'Inactivo'}"  />
                                        </p:column>                                        
                                        <f:facet  name="footer" >
                                            <p:commandButton  id="botonMostrarDatosModeloCalzado" type="push" update=":formDialogoDatosModeloCalzado" actionListener="#{modelocalzadoWeb.clicBotonMostrarDatosModeloCalzado('formDialogoDatosModeloCalzado')}"  oncomplete="dialogoConsultaModeloCalzado.show()"  value="Mostrar Ficha Técnica" icon="ui-icon-search"     />
                                        </f:facet>
                                       </p:dataTable>                                
                                </h:form>   
                            </h:panelGrid>
                        </p:tab>                                                 
                    </p:tabView>                          
                </p:panel>                
            </ui:define>
            <ui:define name="dialogos" >
            <!--Dialogo para ver toda la ficha tecnica relacionada con modelo calzado -->                
            <h:form id="formDialogoDatosModeloCalzado">
                <p:dialog id="DialogoDatosModeloCalzado" header="Ficha Tecnica Modelo Calzado: #{modelocalzadoWeb.modelocalzadoSeleccionado.codigocalzado} - #{modelocalzadoWeb.modelocalzadoSeleccionado.nombremodelo}" widgetVar="dialogoConsultaModeloCalzado" resizable="false"  
                            modal="true" style="font-size: 12px"> 
                    
                    <h:panelGrid columns="2" >
                        <p:panel style="min-width: 130px; height: 458px;overflow-y: hidden ">
                            <h:outputText style="vertical-align: middle; font-weight: bold;text-align: right; height: 20px; width: 125px;left: 20px; top: 25px; position: absolute ; font-size: 12px" value="Codigo:"/>
                            <h:outputText style="vertical-align: middle; font-weight: bold;text-align: right; height: 20px; width: 125px;left: 20px; top: 55px; position: absolute ; font-size: 12px" value="Linea Producción:"/>
                            <h:outputText style="vertical-align: middle; font-weight: bold;text-align: right; height: 20px; width: 125px;left: 20px; top: 85px; position: absolute ; font-size: 12px" value="Horma:"/>
                            <h:outputText style="vertical-align: middle; font-weight: bold;text-align: right; height: 20px; width: 125px;left: 20px; top: 110px; position: absolute ; font-size: 12px" value="Código Modelo Calzado:"/>
                            <h:outputText style="vertical-align: middle; font-weight: bold;text-align: right; height: 20px; width: 125px;left: 20px; top: 145px; position: absolute ; font-size: 12px" value="Nombre Modelo:"/>
                            <h:outputText style="vertical-align: middle; font-weight: bold;text-align: right; height: 20px; width: 125px;left: 20px; top: 175px; position: absolute ; font-size: 12px" value="Talla Estándar:"/>
                            <h:outputText style="vertical-align: middle; font-weight: bold;text-align: right; height: 20px; width: 125px;left: 20px; top: 205px; position: absolute ; font-size: 12px" value="Precio:"/>
                            <h:outputText style="vertical-align: middle;                  text-align: right; height: 20px; width: 125px;left: 210px; top: 205px; position: absolute ; font-size: 12px" value="dólares"/>
                            <h:outputText style="vertical-align: middle; font-weight: bold;text-align: right; height: 20px; width: 125px;left: 20px; top: 235px; position: absolute ; font-size: 12px" value="Materias Primas:"/>
                            <h:outputText style="vertical-align: middle; font-weight: bold;text-align: right; height: 20px; width: 125px;left: 20px; top: 412px; position: absolute ; font-size: 12px" value="Estado:"/>
                        </p:panel>
                        <p:panel style="width: 640px; height: 458px; border-width: 0px" >
                            <p:panel style="min-width: 130px; height: 244px; left: 410px ;top: 10px;position: absolute">
                                <h:outputText style="vertical-align: middle;                   text-align: right; height: 20px; width: 125px;left: 5px; top: 13px; position: absolute ; font-size: 12px" value="Observación:"/>                                
                                <h:outputText style="vertical-align: middle;                   text-align: right; height: 20px; width: 125px;left: 5px; top: 188px; position: absolute ; font-size: 12px" value="Imagen Calzado:"/>
                                <h:outputText style="vertical-align: middle;                   text-align: right; height: 20px; width: 125px;left: 5px; top: 223px; position: absolute ; font-size: 12px" value="Total Insumos:"/>
                            </p:panel>
                            <p:inputText id="textCodModeloCalzadoConsultar"  readonly="true"                   
                                                style="width: 150px; font-size: 12px;left: 155px; top: 22px; position: absolute"/>
                            <p:inputText id="textLineaProduccionFkModeloCalzadoConsultar"  readonly="true"
                                             style="width: 235px; font-size: 12px;left: 155px; top: 52px; position: absolute ; "/>                           
                            <p:inputText id="textHormaFkModeloCalzadoConsultar" readonly="true"
                                                style="width: 235px; font-size: 12px;left: 155px; top: 82px; position: absolute ; "/>
                            <p:inputText id="textCodigoCalzadoConsultar" readonly="true"                  
                                                style="width: 235px; font-size: 12px;left: 155px; top: 112px; position: absolute"/>
                            <p:inputText id="textNombreModeloCalzadoConsultar"  readonly="true"
                                                style="width: 235px; font-size: 12px;left: 155px; top: 142px; position: absolute ; "/>  
                            <p:inputText id="textTallaEstandarModeloCalzadoConsultar" readonly="true"
                                                style="width: 125px; font-size: 12px;left: 155px; top: 172px; position: absolute"/>
                            <p:inputText id="textPrecioUnitarioModeloCalzadoConsultar"    readonly="true"               
                                                style="width: 125px; font-size: 12px;left: 155px; top: 202px; position: absolute"/>
                            <p:inputTextarea id="textObservacionesModeloCalzadoConsultar" readonly="true"
                                                style="width: 235px;height: 150px; font-size: 12px;left: 550px; top:20px; position: absolute ; overflow-y: auto "/>  
                            <p:commandButton id="botonDetallesMaterialModeloCalzadoConsultar"  value="Ver Detalles"   type="push" actionListener="#{modelocalzadoWeb.clicBotonDetallesMaterialModeloCalzadoConsultar()}" update=":formDialogoDatosModeloCalzadoMateriaPrimaConsultar" oncomplete="dialogoConsultaModeloCalzadoMateriaPrima.show()" icon="ui-icon-search"
                                                style="font-size: 12px ;left: 155px; top: 232px; position: absolute; width: 132px"  />
                            <!--p:commandButton id="botonOcultoModeloCalzadoConsultar" type="push" value="Quitar" icon="ui-icon-circle-minus" 
                                                style="font-size: 12px ;left: 281px; top: 232px; width: 120px; position: absolute" /--> 
                            <p:scrollPanel id="scrollPanelTablaConsultar" mode="native"  style="max-height: 135px;left: 155px; top: 267px; position: absolute"  >
                                <p:dataTable id="tablaEstructuraMaterialesConsultar" value="#{modelocalzadoWeb.listaTablaEstructuraMateriales}" var="tablaEstructuraMaterialesConsultar" style="width: 639px"  scrollHeight="135" 
                                             selectionMode="single" selection="#{modelocalzadoWeb.itemTablaEstructuraMaterialesSeleccionado}"  emptyMessage="No hay materias primas asociadas" rowKey="#{tablaEstructuraMaterialesConsultar.codbom}">                                
                                    
                                    <p:column id="columnaInsumoTablaEstructuraMaterialesConsultar"  style="text-align: center; font-weight: 200">                                         
                                        <f:facet name="header">  
                                            <h:outputText value="Insumo" style="font-weight: bold"/> 
                                        </f:facet>
                                        <h:outputText value="#{tablaEstructuraMaterialesConsultar.nombreInsumo}"/>
                                        <f:facet name="footer">  
                                            <h:outputText value="Insumo" style="font-weight: bold"/> 
                                        </f:facet>
                                    </p:column>
                                    <p:column id="columnaMateriaPrimaTablaEstructuraMaterialesConsultar"  style="text-align: center; font-weight: 200">                                    
                                        <f:facet name="header">  
                                            <h:outputText value="Material" style="font-weight: bold"/> 
                                        </f:facet>
                                        <h:outputText value="#{tablaEstructuraMaterialesConsultar.nombreMateriaPrima}"/>
                                        <f:facet name="footer">  
                                            <h:outputText value="Material" style="font-weight: bold"/> 
                                        </f:facet>
                                    </p:column> 
                                    <p:column id="columnaCantidadTablaEstructuraMaterialesConsultar"  style="text-align: center; font-weight: 200">                                    
                                        <f:facet name="header">  
                                            <h:outputText value="Cantidad" style="font-weight: bold"/> 
                                        </f:facet>
                                        <h:outputText value="#{tablaEstructuraMaterialesConsultar.cantidad}"/>    
                                        <f:facet name="footer">  
                                            <h:outputText value="Cantidad" style="font-weight: bold"/> 
                                        </f:facet>
                                    </p:column>
                                    <p:column id="columnaUnidadMedidaTablaEstructuraMaterialesConsultar"  style="text-align: center; font-weight: 200">                                                                           
                                        <f:facet name="header">  
                                            <h:outputText value="U. Medida" style="font-weight: bold"/> 
                                        </f:facet>
                                        <h:outputText value="#{tablaEstructuraMaterialesConsultar.nombreUnidadMedida}"/>
                                        <f:facet name="footer">  
                                            <h:outputText value="U. Medida" style="font-weight: bold"/> 
                                        </f:facet>
                                    </p:column>
                                   <p:column id="columnaFechaVigenciaTablaEstructuraMaterialesConsultar" style="text-align: center; font-weight: 200">                                    
                                       <f:facet name="header">  
                                            <h:outputText value="Fecha Vigencia" style="font-weight: bold"/> 
                                        </f:facet> 
                                       <h:outputText value="#{tablaEstructuraMaterialesConsultar.fechaVigencia}"/>
                                       <f:facet name="footer">  
                                            <h:outputText value="Fecha Vigencia" style="font-weight: bold"/> 
                                        </f:facet>
                                    </p:column>
                                    <p:column id="columnaObligatorioTablaEstructuraMaterialesConsultar"   style="text-align: center; font-weight: 200">                                                                                                    
                                        <f:facet name="header">  
                                            <h:outputText value="Es Obligatorio" style="font-weight: bold"/> 
                                        </f:facet> 
                                        <h:outputText  value="#{tablaEstructuraMaterialesConsultar.esObligatorio}"/>
                                        <f:facet name="footer">  
                                            <h:outputText value="Es Obligatorio" style="font-weight: bold"/> 
                                        </f:facet>
                                    </p:column>
                                </p:dataTable> 
                            </p:scrollPanel>
                            <p:inputText id="textEstadoModeloCalzadoConsultar" readonly="true"
                                                style="width: 125px; font-size: 12px;left: 155px; top: 409px; position: absolute ; "/>                          
                            <p:commandButton id="botonImagenFrontalModeloCalzadoConsultar" type="push" value="Ver Frontal" actionListener="#{modelocalzadoWeb.clicBotonImagenModeloCalzado('Frontal')}" update=":formDialogoDesplegarImagenModeloCalzado" oncomplete="dialogoDesplegarImagenModeloCalzado.show()" icon="ui-icon-image" 
                                                style="font-size: 12px ;left: 550px; top: 190px; width: 120px; position: absolute" />
                            <!--p:commandButton id="botonVerImagenFrontalModeloCalzadoIngresar" type="push" value="Ver" icon="ui-icon-search" 
                                                style="font-size: 12px ;left: 715px; top: 190px; width: 70px; position: absolute" /-->
                            <p:commandButton id="botonImagenPosteriorModeloCalzadoConsultar" type="push" value="Ver Posterior" actionListener="#{modelocalzadoWeb.clicBotonImagenModeloCalzado('Posterior')}" update=":formDialogoDesplegarImagenModeloCalzado" oncomplete="dialogoDesplegarImagenModeloCalzado.show()"   icon="ui-icon-image" 
                                                style="font-size: 12px ;left: 675px; top: 190px; width: 120px; position: absolute" /> 
                            <p:inputText id="textTotalInsumosConsultar"  readonly="true"                  
                                                style="width: 111px; font-size: 12px;left: 550px; top: 227px; position: absolute"/>
                            <!--p:commandButton id="botonVerImagenPosteriorModeloCalzadoIngresar" type="push" value="Ver" icon="ui-icon-search" 
                                                style="font-size: 12px ;left: 715px; top: 225px; width: 70px; position: absolute" /--> 
                            <p:separator        style="left: 155px; top: 432px; position: absolute; width: 645px" />                        
                            <p:commandButton value="Cerrar" type="button" onclick="dialogoConsultaModeloCalzado.hide()" icon="ui-icon-close" 
                                                style="font-size: 12px ;left: 155px; top: 445px; position: absolute; width: 120px"  />                            
                       </p:panel>     
                    </h:panelGrid>
                    
                    <!--p:graphicImage value="{modelocalzadoWeb.dmcImagen}" /-->
                </p:dialog>
            </h:form> 
            <h:form id="formDialogoDatosModeloCalzadoMateriaPrimaConsultar">
                <p:dialog id="DialogoDatosModeloCalzadoMateriaPrimaConsultar" header="Detalles de Materia Prima: #{modelocalzadoWeb.itemTablaEstructuraMaterialesSeleccionado.nombreMateriaPrima} para el modelo #{modelocalzadoWeb.itemTablaEstructuraMaterialesSeleccionado.modeloCalzado_fk}" widgetVar="dialogoConsultaModeloCalzadoMateriaPrima" resizable="false"  
                            modal="true" style="font-size: 12px"> 
                    <!--h:panelGrid columns="2" cellpadding="0" style="alignment-adjust: middle; width: 405px"  -->         
                    <p:scrollPanel style="width:400px;max-height:250px">
                        <p:dataTable id="tablaDatosModeloCalzadoMateriaPrimaDialogo" value="#{modelocalzadoWeb.datosModelocalzadoSeleccionado}" var="datosSeleccionadoModeloCalzadoMateriaPrima"   >                                                                
                                <p:column headerText="" footerText="" style="text-align: right;width: 115px; font-weight: bold">                                    
                                    <h:outputText value="#{datosSeleccionadoModeloCalzadoMateriaPrima.substring(0, 21)}" style="font-size: 12px" />                                 
                                </p:column>
                                <p:column headerText="" footerText="" style="width: 250px; max-width: 250px">                                    
                                    <h:outputText value="#{datosSeleccionadoModeloCalzadoMateriaPrima.substring(21)}" style="font-size: 12px" />                                 
                                </p:column>                                   
                        </p:dataTable>   
                    </p:scrollPanel> 
                    <p:separator/>
                    <p:commandButton value="Cerrar" type="button" onclick="dialogoConsultaModeloCalzadoMateriaPrima.hide()"/>
                </p:dialog>
            </h:form>
            <!--desplegar imagen -->     
            <h:form id="formDialogoDesplegarImagenModeloCalzado">
                <p:dialog id="DialogoDesplegarImagenModeloCalzado" header="Imagen del Modelo de Calzado: #{modelocalzadoWeb.modelocalzadoSeleccionado.codigocalzado}" widgetVar="dialogoDesplegarImagenModeloCalzado" resizable="false"  
                            modal="true" style="font-size: 12px"> 
                    <!--h:panelGrid columns="2" cellpadding="0" style="alignment-adjust: middle; width: 405px"  -->         
                    <p:graphicImage value="#{modelocalzadoWeb.dmcImagen}"/>
                    <p:separator/>
                    <p:commandButton value="Cerrar" type="button" onclick="dialogoDesplegarImagenModeloCalzado.hide()"/>
                </p:dialog>
            </h:form> 
            <!--proceso de creacion modelo calzado -->           
            <h:form id="formDialogoIngresarModeloCalzado">
                <p:dialog id="DialogoIngresarModeloCalzado" header="Crear Nuevo Modelo de Calzado" widgetVar="dialogoIngresarModeloCalzado" resizable="false" closable="false"  
                          modal="true" style="font-size: 12px;max-height: 460;overflow-y: auto" >
                    <h:panelGrid columns="2" >
                        <p:panel style="min-width: 130px; height: 458px;overflow-y: hidden ">
                            <h:outputText style="vertical-align: middle; font-weight: bold;text-align: right; height: 20px; width: 125px;left: 20px; top: 25px; position: absolute ; font-size: 12px" value="Codigo:"/>
                            <h:outputText style="vertical-align: middle; font-weight: bold;text-align: right; height: 20px; width: 125px;left: 20px; top: 55px; position: absolute ; font-size: 12px" value="* Linea Producción:"/>
                            <h:outputText style="vertical-align: middle; font-weight: bold;text-align: right; height: 20px; width: 125px;left: 20px; top: 85px; position: absolute ; font-size: 12px" value="* Horma:"/>
                            <h:outputText style="vertical-align: middle; font-weight: bold;text-align: right; height: 20px; width: 125px;left: 20px; top: 110px; position: absolute ; font-size: 12px" value="* Código Modelo Calzado:"/>
                            <h:outputText style="vertical-align: middle; font-weight: bold;text-align: right; height: 20px; width: 125px;left: 20px; top: 145px; position: absolute ; font-size: 12px" value="* Nombre Modelo:"/>
                            <h:outputText style="vertical-align: middle; font-weight: bold;text-align: right; height: 20px; width: 125px;left: 20px; top: 175px; position: absolute ; font-size: 12px" value="* Talla Estándar:"/>
                            <h:outputText style="vertical-align: middle; font-weight: bold;text-align: right; height: 20px; width: 125px;left: 20px; top: 205px; position: absolute ; font-size: 12px" value="* Precio:"/>
                            <h:outputText style="vertical-align: middle;                  text-align: right; height: 20px; width: 125px;left: 200px; top: 205px; position: absolute ; font-size: 12px" value="dólares"/>
                            <h:outputText style="vertical-align: middle; font-weight: bold;text-align: right; height: 20px; width: 125px;left: 20px; top: 235px; position: absolute ; font-size: 12px" value="* Materias Primas:"/>
                            <h:outputText style="vertical-align: middle; font-weight: bold;text-align: right; height: 20px; width: 125px;left: 20px; top: 408px; position: absolute ; font-size: 12px" value="* Estado:"/>
                        </p:panel>
                        <p:panel style="width: 640px; height: 458px; border-width: 0px" >
                            <p:panel style="min-width: 130px; height: 244px; left: 410px ;top: 10px;position: absolute">
                                <h:outputText style="vertical-align: middle;                   text-align: right; height: 20px; width: 125px;left: 5px; top: 13px; position: absolute ; font-size: 12px" value="Observación:"/>                                
                                <h:outputText style="vertical-align: middle;                   text-align: right; height: 20px; width: 125px;left: 5px; top: 188px; position: absolute ; font-size: 12px" value="Imagen Frontal:"/>
                                <h:outputText style="vertical-align: middle;                   text-align: right; height: 20px; width: 125px;left: 5px; top: 223px; position: absolute ; font-size: 12px" value="Imagen Posterior:"/>
                            </p:panel>
                            <p:inputText id="textCodModeloCalzadoIngresar" disabled="true"                    
                                                style="width: 150px; font-size: 12px;left: 155px; top: 22px; position: absolute"/>
                            <h:selectOneMenu id="comboSeleccionarLineaProduccionFkModeloCalzadoIngresar" 
                                             style="width: 242px; font-size: 12px;left: 155px; top: 52px; position: absolute ; ">
                                <f:selectItem itemLabel="Seleccione..." itemValue="0"  />
                            </h:selectOneMenu> 
                            <h:selectOneMenu id="comboSeleccionarHormaFkModeloCalzadoIngresar" 
                                                style="width: 242px; font-size: 12px;left: 155px; top: 82px; position: absolute ; ">
                                <f:selectItem itemLabel="Seleccione..." itemValue="0"  />
                            </h:selectOneMenu> 
                            <p:inputText id="textCodigoCalzadoIngresar"                    
                                                style="width: 235px; font-size: 12px;left: 155px; top: 112px; position: absolute"/>
                            <p:inputText id="textNombreModeloCalzadoIngresar"  
                                                style="width: 235px; font-size: 12px;left: 155px; top: 142px; position: absolute ; "/>  
                            <h:selectOneMenu id="comboSeleccionarTallaEstandarModeloCalzadoIngresar" 
                                                style="width: 120px; font-size: 12px;left: 155px; top: 172px; position: absolute">
                                <f:selectItem itemLabel="Seleccione..." itemValue="0"  />
                            </h:selectOneMenu> 
                            <p:inputText id="textPrecioUnitarioModeloCalzadoIngresar"                    
                                                style="width: 115px; font-size: 12px;left: 155px; top: 202px; position: absolute"/>
                            <p:inputTextarea id="textObservacionesModeloCalzadoIngresar" 
                                                style="width: 235px;height: 150px; font-size: 12px;left: 550px; top:20px; position: absolute ; overflow-y: auto "/>  
                            <p:commandButton id="botonAgregarModeloCalzadoIngresar"  value="Agregar"  actionListener="#{modelocalzadoWeb.clickBotonAgregarModeloCalzadoIngresar()}" type="push" icon="ui-icon-circle-plus"
                                                style="font-size: 12px ;left: 155px; top: 232px; position: absolute; width: 120px"  />
                            <p:commandButton id="botonQuitarModeloCalzadoIngresar" type="push" value="Quitar" icon="ui-icon-circle-minus" actionListener="#{modelocalzadoWeb.clicBotonQuitarModeloCalzadoIngresar()}"
                                                style="font-size: 12px ;left: 281px; top: 232px; width: 120px; position: absolute" /> 
                            <p:scrollPanel id="scrollPanelTabla" mode="native"  style="max-height: 135px;left: 155px; top: 267px; position: absolute"  >
                                <p:dataTable id="tablaEstructuraMaterialesIngresar" value="#{modelocalzadoWeb.listaTablaEstructuraMateriales}" var="tablaEstructuraMateriales" style="width: 639px"  scrollHeight="135" 
                                             selectionMode="single" selection="#{modelocalzadoWeb.itemTablaEstructuraMaterialesSeleccionado}" emptyMessage="No hay materias primas seleccionadas" rowKey="#{tablaEstructuraMateriales.materiaPrima_fk}">                                
                                    
                                    <p:column id="columnaInsumoTablaEstructuraMaterialesIngresar"  style="text-align: center; font-weight: 200">                                         
                                        <f:facet name="header">  
                                            <h:outputText value="Insumo" style="font-weight: bold"/> 
                                        </f:facet>
                                        <h:outputText value="#{tablaEstructuraMateriales.nombreInsumo}"/>
                                        <f:facet name="footer">  
                                            <h:outputText value="Insumo" style="font-weight: bold"/> 
                                        </f:facet>
                                    </p:column>
                                    <p:column id="columnaMateriaPrimaTablaEstructuraMaterialesIngresar"  style="text-align: center; font-weight: 200">                                    
                                        <f:facet name="header">  
                                            <h:outputText value="Material" style="font-weight: bold"/> 
                                        </f:facet>
                                        <h:outputText value="#{tablaEstructuraMateriales.nombreMateriaPrima}"/>
                                        <f:facet name="footer">  
                                            <h:outputText value="Material" style="font-weight: bold"/> 
                                        </f:facet>
                                    </p:column> 
                                    <p:column id="columnaCantidadTablaEstructuraMaterialesIngresar"  style="text-align: center; font-weight: 200">                                    
                                        <f:facet name="header">  
                                            <h:outputText value="Cantidad" style="font-weight: bold"/> 
                                        </f:facet>
                                        <h:outputText value="#{tablaEstructuraMateriales.cantidad}"/>    
                                        <f:facet name="footer">  
                                            <h:outputText value="Cantidad" style="font-weight: bold"/> 
                                        </f:facet>
                                    </p:column>
                                    <p:column id="columnaUnidadMedidaTablaEstructuraMaterialesIngresar"  style="text-align: center; font-weight: 200">                                                                           
                                        <f:facet name="header">  
                                            <h:outputText value="U. Medida" style="font-weight: bold"/> 
                                        </f:facet>
                                        <h:outputText value="#{tablaEstructuraMateriales.nombreUnidadMedida}"/>
                                        <f:facet name="footer">  
                                            <h:outputText value="U. Medida" style="font-weight: bold"/> 
                                        </f:facet>
                                    </p:column>
                                   <p:column id="columnaFechaVigenciaTablaEstructuraMaterialesIngresar" style="text-align: center; font-weight: 200">                                    
                                       <f:facet name="header">  
                                            <h:outputText value="Fecha Vigencia" style="font-weight: bold"/> 
                                        </f:facet> 
                                       <h:outputText value="#{tablaEstructuraMateriales.fechaVigencia}"/>
                                       <f:facet name="footer">  
                                            <h:outputText value="Fecha Vigencia" style="font-weight: bold"/> 
                                        </f:facet>
                                    </p:column>
                                    <p:column id="columnaObligatorioTablaEstructuraMaterialesIngresar"   style="text-align: center; font-weight: 200">                                                                                                    
                                        <f:facet name="header">  
                                            <h:outputText value="Es Obligatorio" style="font-weight: bold"/> 
                                        </f:facet> 
                                        <h:outputText  value="#{tablaEstructuraMateriales.esObligatorio}"/>
                                        <f:facet name="footer">  
                                            <h:outputText value="Es Obligatorio" style="font-weight: bold"/> 
                                        </f:facet>
                                    </p:column>
                                </p:dataTable> 
                            </p:scrollPanel>
                            <p:selectBooleanCheckbox id="selectEstadoModeloCalzadoIngresar" itemLabel="Activo" 
                                                style="width: 150px; font-size: 12px;left: 155px; top: 410px; position: absolute ; "/>                          
                            <p:commandButton id="botonImagenFrontalModeloCalzadoIngresar" type="push" value="Seleccionar Imagen" onclick="dialogoSeleccionarImagenFrontalModeloCalzado.show()" icon="ui-icon-image" 
                                                style="font-size: 12px ;left: 550px; top: 190px; width: 160px; position: absolute" />
                            <!--p:commandButton id="botonVerImagenFrontalModeloCalzadoIngresar" type="push" value="Ver" icon="ui-icon-search" 
                                                style="font-size: 12px ;left: 715px; top: 190px; width: 70px; position: absolute" /-->
                            <p:commandButton id="botonImagenPosteriorModeloCalzadoIngresar" type="push" value="Seleccionar Imagen" onclick="dialogoSeleccionarImagenPosteriorModeloCalzado.show()"  icon="ui-icon-image" 
                                                style="font-size: 12px ;left: 550px; top: 225px; width: 160px; position: absolute" /> 
                            <!--p:commandButton id="botonVerImagenPosteriorModeloCalzadoIngresar" type="push" value="Ver" icon="ui-icon-search" 
                                                style="font-size: 12px ;left: 715px; top: 225px; width: 70px; position: absolute" /--> 
                            <p:separator        style="left: 155px; top: 432px; position: absolute; width: 645px" />                        
                            <p:commandButton id="botonGuardarModeloCalzado" value="Guardar" type="push" actionListener="#{modelocalzadoWeb.clicBotonGuardar('formDialogoIngresarModeloCalzado')}" icon="ui-icon-disk"
                                                style="font-size: 12px ;left: 155px; top: 445px; position: absolute; width: 120px"  />
                            <p:commandButton id="botonCancelarModeloCalzado" type="button" onclick="dialogoIngresarModeloCalzado.hide()" value="Cancelar" icon="ui-icon-close" 
                                                style="font-size: 12px ;left: 281px; top: 445px; width: 120px; position: absolute" />
                       </p:panel>     
                    </h:panelGrid>
                </p:dialog>
            </h:form>
            
            
            <h:form id="formDialogoSeleccionarMaterialesModeloCalzadoIngresar">
                <p:dialog id="DialogoSeleccionarMaterialesModeloCalzadoIngresar" header="Seleccionar Materiales" widgetVar="dialogoSeleccionarMaterialesModeloCalzadoIngresar" resizable="false" closable="false"  
                          modal="true" style="font-size: 12px;max-height: 460;overflow-y: auto" >
                    <h:panelGrid columns="2" >
                        <p:panel style="min-width: 130px; height: 360px;overflow-y: hidden ">
                            <h:outputText style="vertical-align: middle; font-weight: bold;text-align: right; height: 20px; width: 125px;left: 20px; top: 25px; position: absolute ; font-size: 12px" value="* Insumo:"/>
                            <h:outputText style="vertical-align: middle; font-weight: bold;text-align: right; height: 20px; width: 125px;left: 20px; top: 55px; position: absolute ; font-size: 12px" value="* Material:"/>
                            <h:outputText style="vertical-align: middle; font-weight: bold;text-align: right; height: 20px; width: 125px;left: 20px; top: 85px; position: absolute ; font-size: 12px" value="* Cantidad:"/>
                            
                            <h:outputText style="vertical-align: middle;                   text-align: right; height: 20px; width: 125px;left: 20px; top: 110px; position: absolute ; font-size: 12px" value="Descripción:"/>
                            <h:outputText style="vertical-align: middle; font-weight: bold;text-align: right; height: 20px; width: 125px;left: 20px; top: 285px; position: absolute ; font-size: 12px" value="* Fecha Vigencia:"/>
                            <h:outputText style="vertical-align: middle;                   text-align: right; height: 20px; width: 125px;left: 20px; top: 315px; position: absolute ; font-size: 12px" value="Es Obligatorio:"/>
                        </p:panel>
                        <p:panel style="width: 252px; height: 360px; border-width: 0px" > 
                            <h:outputText id="labelUnidadMedidaSeleccionarMateriales" style="vertical-align: middle; font-weight: bold;text-align: right; height: 20px; width: 125px;left:195px; top: 85px; position: absolute ; font-size: 12px"/>
                            <h:selectOneMenu id="comboSeleccionarInsumoMateriaPrimaIngresar"  
                                             style="width: 242px; font-size: 12px;left: 155px; top: 22px; position: absolute ; ">
                                <p:ajax   listener="#{modelocalzadoWeb.cargarComboSeleccionarMaterial()}"/>

                                <f:selectItem itemLabel="Seleccione..." itemValue="0"  />                                
                            </h:selectOneMenu> 
                            <h:selectOneMenu id="comboSeleccionarMateriaPrimaFkModeloCalzadoIngresar" 
                                                style="width: 242px; font-size: 12px;left: 155px; top: 52px; position: absolute ; ">
                                <p:ajax   listener="#{modelocalzadoWeb.cargarlabelUnidadMedidaSeleccionarMateriales()}"/>
                                <f:selectItem itemLabel="Seleccione..." itemValue="0"  />
                            </h:selectOneMenu>                             
                            <p:inputText id="textCantidadMateriaPrimaModeloCalzadoIngresar"                     
                                                style="width: 115px; font-size: 12px;left: 155px; top: 82px; position: absolute"/>
                            <p:inputTextarea id="textDescripcionMaterialModeloCalzadoIngresar" 
                                                style="width: 235px;height: 150px; font-size: 12px;left: 155px; top:112px; position: absolute ; overflow-y: auto "/>                              
                            <p:calendar id="textFechaVigencia" requiredMessage="Ingrese la fecha" size="10"  mode="popup" showOn="button" navigator="true"  pattern="yyyy-MM-dd" 
                                                style="font-size: 9pt;left: 155px; top: 282px; position: absolute "  />
                            <p:selectBooleanCheckbox id="selectEsObligatorioMaterialModeloCalzadoIngresar" itemLabel="" 
                                                style="width: 150px; font-size: 12px;left: 155px; top: 312px; position: absolute ; "/>                                                                                  
                            <p:separator        style="left: 155px; top: 334px; position: absolute; width: 245px" />                        
                            <p:commandButton id="botonAgregarMaterialModeloCalzadoIngresar" type="push" value="Agregar" onclick="dialogoSeleccionarMaterialesModeloCalzadoIngresar.hide()" actionListener="#{modelocalzadoWeb.clicBotonAgregarMaterial('formDialogoSeleccionarMaterialesModeloCalzadoIngresar')}"  icon="ui-icon-circle-plus" 
                                                style="font-size: 12px ;left: 155px; top: 347px; width: 120px; position: absolute" /> 
                            <p:commandButton id="botonFinalizarAgregarModeloCalzadoIngresar" type="push" onclick="dialogoSeleccionarMaterialesModeloCalzadoIngresar.hide()"  value="Finalizar" icon="ui-icon-circle-check" 
                                                style="font-size: 12px ;left: 281px; top: 347px; width: 120px; position: absolute" />
                       </p:panel>     
                    </h:panelGrid>
                </p:dialog>
            </h:form>
            
            <h:form id="formDialogoSeleccionarImagenModeloCalzado" enctype="multipart/form-data">
                <p:dialog id="DialogoSeleccionarImagenFrontalModeloCalzado" header="Seleccionar Imagen Frontal" widgetVar="dialogoSeleccionarImagenFrontalModeloCalzado" resizable="false" closable="false"  
                          modal="true" style="font-size: 12px;max-height: 450;overflow-y: auto" >
                    <h:panelGrid columns="1" >
                        <p:panel style="border-width: 1px" >
                            <p:fileUpload mode="advanced"                            
                                multiple="false"
                                label="Seleccionar imagen"
                                fileUploadListener="#{modelocalzadoWeb.uploadImagenFrontalModeloCalzado}"
                                sizeLimit="3145728" 
                                allowTypes="/(\.|\/)(gif|jpe?g|png)$/"
                                invalidFileMessage="Formato de Archivo inválido!" invalidSizeMessage="Ha excedido el tamaño máximo de 3MB permitido"
                                showButtons="false" style="border-width: 0px;width: 350px; overflow-x: auto"/>                     
                        </p:panel>
                        <h:panelGrid  columns="1" style="border-width: 0px"  >
                            <p:separator style="width: 350px" />                        
                            <p:commandButton type="push" value="Cerrar" onclick="dialogoSeleccionarImagenFrontalModeloCalzado.hide()" icon="ui-icon-close" />
                        </h:panelGrid>
                    </h:panelGrid>
                </p:dialog>
                <p:dialog id="DialogoSeleccionarImagenPosteriorModeloCalzado" header="Seleccionar Imagen Posterior" widgetVar="dialogoSeleccionarImagenPosteriorModeloCalzado" resizable="false" closable="false"  
                          modal="true" style="font-size: 12px;max-height: 450;overflow-y: auto" >
                    <h:panelGrid columns="1" >
                        <p:panel style="border-width: 1px" >
                            <p:fileUpload mode="advanced"                            
                                multiple="false"
                                label="Seleccionar imagen"
                                fileUploadListener="#{modelocalzadoWeb.uploadImagenPosteriorModeloCalzado}"
                                sizeLimit="3145728" 
                                allowTypes="/(\.|\/)(gif|jpe?g|png)$/"
                                invalidFileMessage="Formato de Archivo inválido!" invalidSizeMessage="ha excedido el tamaño máximo permitido"
                                showButtons="false" style="border-width: 0px;width: 350px; overflow-x: auto"/>                     
                        </p:panel>
                        <h:panelGrid  columns="1" style="border-width: 0px"  >
                            <p:separator style="width: 350px" />                        
                            <p:commandButton type="push" value="Cerrar" onclick="dialogoSeleccionarImagenPosteriorModeloCalzado.hide()" icon="ui-icon-close" />
                        </h:panelGrid>
                    </h:panelGrid>
                </p:dialog>
            </h:form>
            
            
            <!--Modificacion Modelo Calzado --> 
            <!--proceso de modificacion modelo calzado -->  
            <h:form id="formDialogoModificarModeloCalzado">
                <p:dialog id="DialogoModificarModeloCalzado" header="Modificar Modelo de Calzado: #{modelocalzadoWeb.modelocalzadoSeleccionado.codigocalzado}" widgetVar="dialogoModificarModeloCalzado" resizable="false" closable="false"  
                                    modal="true" style="font-size: 12px;max-height: 460;overflow-y: auto" >
                    <h:panelGrid columns="2" >
                        <p:panel style="min-width: 130px; height: 458px;overflow-y: hidden ">
                            <h:outputText style="vertical-align: middle; font-weight: bold;text-align: right; height: 20px; width: 125px;left: 20px; top: 25px; position: absolute ; font-size: 12px" value="Codigo:"/>
                            <h:outputText style="vertical-align: middle; font-weight: bold;text-align: right; height: 20px; width: 125px;left: 20px; top: 55px; position: absolute ; font-size: 12px" value="* Linea Producción:"/>
                            <h:outputText style="vertical-align: middle; font-weight: bold;text-align: right; height: 20px; width: 125px;left: 20px; top: 85px; position: absolute ; font-size: 12px" value="* Horma:"/>
                            <h:outputText style="vertical-align: middle; font-weight: bold;text-align: right; height: 20px; width: 125px;left: 20px; top: 110px; position: absolute ; font-size: 12px" value="* Código Modelo Calzado:"/>
                            <h:outputText style="vertical-align: middle; font-weight: bold;text-align: right; height: 20px; width: 125px;left: 20px; top: 145px; position: absolute ; font-size: 12px" value="* Nombre Modelo:"/>
                            <h:outputText style="vertical-align: middle; font-weight: bold;text-align: right; height: 20px; width: 125px;left: 20px; top: 175px; position: absolute ; font-size: 12px" value="* Talla Estándar:"/>
                            <h:outputText style="vertical-align: middle; font-weight: bold;text-align: right; height: 20px; width: 125px;left: 20px; top: 205px; position: absolute ; font-size: 12px" value="* Precio:"/>
                            <h:outputText style="vertical-align: middle;                  text-align: right; height: 20px; width: 125px;left: 200px; top: 205px; position: absolute ; font-size: 12px" value="dólares"/>
                            <h:outputText style="vertical-align: middle; font-weight: bold;text-align: right; height: 20px; width: 125px;left: 20px; top: 235px; position: absolute ; font-size: 12px" value="* Materias Primas:"/>
                            <h:outputText style="vertical-align: middle; font-weight: bold;text-align: right; height: 20px; width: 125px;left: 20px; top: 408px; position: absolute ; font-size: 12px" value="* Estado:"/>
                        </p:panel>
                        <p:panel style="width: 640px; height: 458px; border-width: 0px" >
                            <p:panel style="min-width: 130px; height: 244px; left: 410px ;top: 10px;position: absolute">
                                <h:outputText style="vertical-align: middle;                   text-align: right; height: 20px; width: 125px;left: 5px; top: 13px; position: absolute ; font-size: 12px" value="Observación:"/>                                
                                <h:outputText style="vertical-align: middle;                   text-align: right; height: 20px; width: 125px;left: 5px; top: 188px; position: absolute ; font-size: 12px" value="Imagen Frontal:"/>
                                <h:outputText style="vertical-align: middle;                   text-align: right; height: 20px; width: 125px;left: 5px; top: 223px; position: absolute ; font-size: 12px" value="Imagen Posterior:"/>
                            </p:panel>
                            <p:inputText id="textCodModeloCalzadoModificar" disabled="true"                    
                                                style="width: 150px; font-size: 12px;left: 155px; top: 22px; position: absolute"/>
                            <h:selectOneMenu id="comboSeleccionarLineaProduccionFkModeloCalzadoModificar" 
                                             style="width: 242px; font-size: 12px;left: 155px; top: 52px; position: absolute ; ">
                                <f:selectItem itemLabel="Seleccione..." itemValue="0"  />
                            </h:selectOneMenu> 
                            <h:selectOneMenu id="comboSeleccionarHormaFkModeloCalzadoModificar" 
                                                style="width: 242px; font-size: 12px;left: 155px; top: 82px; position: absolute ; ">
                                <f:selectItem itemLabel="Seleccione..." itemValue="0"  />
                            </h:selectOneMenu> 
                            <p:inputText id="textCodigoCalzadoModificar" disabled="true"                    
                                                style="width: 235px; font-size: 12px;left: 155px; top: 112px; position: absolute"/>
                            <p:inputText id="textNombreModeloCalzadoModificar"  
                                                style="width: 235px; font-size: 12px;left: 155px; top: 142px; position: absolute ; "/>  
                            <h:selectOneMenu id="comboSeleccionarTallaEstandarModeloCalzadoModificar" 
                                                style="width: 120px; font-size: 12px;left: 155px; top: 172px; position: absolute">
                                <f:selectItem itemLabel="Seleccione..." itemValue="0"  />
                            </h:selectOneMenu> 
                            <p:inputText id="textPrecioUnitarioModeloCalzadoModificar"                    
                                                style="width: 115px; font-size: 12px;left: 155px; top: 202px; position: absolute"/>
                            <p:inputTextarea id="textObservacionesModeloCalzadoModificar" 
                                                style="width: 235px;height: 150px; font-size: 12px;left: 550px; top:20px; position: absolute ; overflow-y: auto "/>  
                            <p:commandButton id="botonAgregarModeloCalzadoModificar"  value="Agregar"  actionListener="#{modelocalzadoWeb.clicBotonAgregarModeloCalzadoModificar()}" type="push" icon="ui-icon-circle-plus"
                                                style="font-size: 12px ;left: 155px; top: 232px; position: absolute; width: 120px"  />
                            <p:commandButton id="botonQuitarModeloCalzadoModificar" type="push" value="Quitar" icon="ui-icon-circle-minus" actionListener="#{modelocalzadoWeb.clicBotonQuitarModeloCalzadoModificar()}"
                                                style="font-size: 12px ;left: 281px; top: 232px; width: 120px; position: absolute" /> 
                            <p:scrollPanel id="scrollPanelTablaModificar" mode="native"  style="max-height: 135px;left: 155px; top: 267px; position: absolute"  >
                                <p:dataTable id="tablaEstructuraMaterialesModificar" value="#{modelocalzadoWeb.listaTablaEstructuraMateriales}" var="tablaEstructuraMateriales" style="width: 639px"  scrollHeight="135" 
                                             selectionMode="single" selection="#{modelocalzadoWeb.itemTablaEstructuraMaterialesSeleccionado}" emptyMessage="No hay materias primas seleccionadas" rowKey="#{tablaEstructuraMateriales.materiaPrima_fk}">                                
                                    
                                    <p:column id="columnaInsumoTablaEstructuraMaterialesModificar"  style="text-align: center; font-weight: 200">                                         
                                        <f:facet name="header">  
                                            <h:outputText value="Insumo" style="font-weight: bold"/> 
                                        </f:facet>
                                        <h:outputText value="#{tablaEstructuraMateriales.nombreInsumo}"/>
                                        <f:facet name="footer">  
                                            <h:outputText value="Insumo" style="font-weight: bold"/> 
                                        </f:facet>
                                    </p:column>
                                    <p:column id="columnaMateriaPrimaTablaEstructuraMaterialesModificar"  style="text-align: center; font-weight: 200">                                    
                                        <f:facet name="header">  
                                            <h:outputText value="Material" style="font-weight: bold"/> 
                                        </f:facet>
                                        <h:outputText value="#{tablaEstructuraMateriales.nombreMateriaPrima}"/>
                                        <f:facet name="footer">  
                                            <h:outputText value="Material" style="font-weight: bold"/> 
                                        </f:facet>
                                    </p:column> 
                                    <p:column id="columnaCantidadTablaEstructuraMaterialesModificar"  style="text-align: center; font-weight: 200">                                    
                                        <f:facet name="header">  
                                            <h:outputText value="Cantidad" style="font-weight: bold"/> 
                                        </f:facet>
                                        <h:outputText value="#{tablaEstructuraMateriales.cantidad}"/>    
                                        <f:facet name="footer">  
                                            <h:outputText value="Cantidad" style="font-weight: bold"/> 
                                        </f:facet>
                                    </p:column>
                                    <p:column id="columnaUnidadMedidaTablaEstructuraMaterialesModificar"  style="text-align: center; font-weight: 200">                                                                           
                                        <f:facet name="header">  
                                            <h:outputText value="U. Medida" style="font-weight: bold"/> 
                                        </f:facet>
                                        <h:outputText value="#{tablaEstructuraMateriales.nombreUnidadMedida}"/>
                                        <f:facet name="footer">  
                                            <h:outputText value="U. Medida" style="font-weight: bold"/> 
                                        </f:facet>
                                    </p:column>
                                   <p:column id="columnaFechaVigenciaTablaEstructuraMaterialesModificar" style="text-align: center; font-weight: 200">                                    
                                       <f:facet name="header">  
                                            <h:outputText value="Fecha Vigencia" style="font-weight: bold"/> 
                                        </f:facet> 
                                       <h:outputText value="#{tablaEstructuraMateriales.fechaVigencia}"/>
                                       <f:facet name="footer">  
                                            <h:outputText value="Fecha Vigencia" style="font-weight: bold"/> 
                                        </f:facet>
                                    </p:column>
                                    <p:column id="columnaObligatorioTablaEstructuraMaterialesModificar"   style="text-align: center; font-weight: 200">                                                                                                    
                                        <f:facet name="header">  
                                            <h:outputText value="Es Obligatorio" style="font-weight: bold"/> 
                                        </f:facet> 
                                        <h:outputText  value="#{tablaEstructuraMateriales.esObligatorio}"/>
                                        <f:facet name="footer">  
                                            <h:outputText value="Es Obligatorio" style="font-weight: bold"/> 
                                        </f:facet>
                                    </p:column>
                                </p:dataTable> 
                            </p:scrollPanel>
                            <p:selectBooleanCheckbox id="selectEstadoModeloCalzadoModificar" itemLabel="Activo" 
                                                style="width: 150px; font-size: 12px;left: 155px; top: 410px; position: absolute ; "/>                          
                            <p:commandButton id="botonImagenFrontalModeloCalzadoModificar" type="push" value="Seleccionar Imagen" onclick="dialogoSeleccionarImagenFrontalModeloCalzado.show()" icon="ui-icon-image" 
                                                style="font-size: 12px ;left: 550px; top: 190px; width: 160px; position: absolute" />
                            <p:commandButton id="botonVerImagenFrontalModeloCalzadoModificar" type="push" value="Ver" icon="ui-icon-search" actionListener="#{modelocalzadoWeb.clicBotonImagenModeloCalzadoModificar('Frontal')}" update=":formDialogoDesplegarImagenModeloCalzado" oncomplete="dialogoDesplegarImagenModeloCalzado.show()"
                                                style="font-size: 12px ;left: 715px; top: 190px; width: 70px; position: absolute" />
                            <p:commandButton id="botonImagenPosteriorModeloCalzadoModificar" type="push" value="Seleccionar Imagen" onclick="dialogoSeleccionarImagenPosteriorModeloCalzado.show()"  icon="ui-icon-image" 
                                                style="font-size: 12px ;left: 550px; top: 225px; width: 160px; position: absolute" /> 
                            <p:commandButton id="botonVerImagenPosteriorModeloCalzadoModificar" type="push" value="Ver" icon="ui-icon-search" actionListener="#{modelocalzadoWeb.clicBotonImagenModeloCalzadoModificar('Posterior')}" update=":formDialogoDesplegarImagenModeloCalzado" oncomplete="dialogoDesplegarImagenModeloCalzado.show()"
                                                style="font-size: 12px ;left: 715px; top: 225px; width: 70px; position: absolute" /> 
                            <p:separator        style="left: 155px; top: 432px; position: absolute; width: 645px" />                        
                            <p:commandButton id="botonModificarModeloCalzado" value="Acualizar" type="push" actionListener="#{modelocalzadoWeb.clicBotonActualizar('formDialogoModificarModeloCalzado')}" icon="ui-icon-disk"
                                                style="font-size: 12px ;left: 155px; top: 445px; position: absolute; width: 120px"  />
                            <p:commandButton id="botonCancelarModificarModeloCalzado" type="button" onclick="dialogoModificarModeloCalzado.hide()" value="Cancelar" icon="ui-icon-close" 
                                                style="font-size: 12px ;left: 281px; top: 445px; width: 120px; position: absolute" />
                       </p:panel>     
                    </h:panelGrid>
                </p:dialog>
            </h:form>
            
            <!--Eliminacion Modelo de Calzado -->    
            <h:form id="formDialogoEliminarModeloCalzado"> 
                 <p:confirmDialog message="Seguro desea eliminar el siguiente Modelo de Calzado:" header="Eliminación de Modelo de Calzado" severity="alert" 	
                     widgetVar="dialogoEliminarModeloCalzado" closable="false"  style="font-size: 12px">       
                    <h:panelGrid columns="2" cellpadding="1" > 
                        <h:outputText value="Modelo de Calzado:" style="font-size: 12px; font-weight: bold"/>
                        <h:outputText value="#{modelocalzadoWeb.datosModelocalzadoSeleccionado.get(0)}" style="font-size: 12px; font-weight: bold"/>            
                        <h:outputText value="" style="font-size: 12px; color: white"/>
                        <h:outputText value="#{modelocalzadoWeb.datosModelocalzadoSeleccionado.get(1)}" style="font-size: 12px; font-weight: bold"/>            
                        <h:outputText value="" style="font-size: 12px; color: white"/>                                                          
                    </h:panelGrid>
                    <p:separator  style="height: 0px" />
                    <p:commandButton ajax="true" value="Eliminar" actionListener="#{modelocalzadoWeb.clicBotonEliminarModeloCalzado()}"  oncomplete="dialogoEliminarModeloCalzado.hide()"  style="font-size: 12px" />
                    <p:commandButton value="Cancelar" onclick="dialogoEliminarModeloCalzado.hide()" type="button" style="font-size: 12px" />         
              </p:confirmDialog>
          </h:form>                   
            </ui:define>
        </ui:composition>
    </body>
</html>

